﻿<div>
    <div class="microsite-box">
        <div class="microsite-box-heading">
            Bình luận gần đây
        <div class="icocollapse" affectedclass="microsite-box2"></div>
        </div>
        <div class="microsite-box2">
            <div>
                <div id="resreviews">
                    <!-- ko if: false -->
                    <div>
                        <div id="review-22854">
                            <div class="micro-home-recent-review review-item" style="width: 640px; padding: 15px;" reviewid="22854">
                                <article class="micro-home-review-item">
                                    <div class="leftimage">

                                        <div class="microsite-review-new-avatar">
                                            <a href="/thanh-vien/xuanthanhk25" class="user-link" refid="35012" tooltip="userTooltip_35012" style="">
                                                <img src="http://media.foody.vn/avatar/resize/n_pesclub_mejores_jugadores_liga_bbva-4823429_635130436296687500_m_cropped_60.jpg" width="60px" height="60px">
                                            </a>
                                        </div>

                                    </div>
                                    <div class="rightdesc">
                                        <div class="user">
                                            <a href="/thanh-vien/xuanthanhk25" tooltip="userTooltip_35012" refid="35012" class="user-link">
                                                <span style="float: left; padding-right: 4px;">CR7 M9</span></a>

                                            <span class="timerow">- 
                                            <span class="address" data-utime="1377421927" title="25/08/2013 16:12">25/08/2013 16:12</span>
                                            </span>
                                            <div class="review-user-level" style="clear: both;">
                                                <a href="/chinh-sach-thuong#user-level-up" target="_blank" class="newbee"></a>
                                            </div>
                                            <div style="position: absolute; right: 0px; top: 0px;">
                                            </div>
                                        </div>
                                        <div style="position: relative">
                                            <div class="title">
                                                <a href="/ho-chi-minh/banh-canh-vit-xoi-hoang/binh-luan-22854">Ngon v&#224; hấp dẫn</a>
                                            </div>
                                        </div>
                                        <div class="desc disableSection" style="white-space: pre-line;">
                                            M&#243;n ăn, gi&#225; hợp l&#253;; thực đơn cũng kha kh&#225; m&#243;n. B&#225;nh canh vịt vừa miệng; miếng vịt to vừa nhưng đậm đ&#224;. X&#244;i th&#236; m&#236;nh chưa dc ăn.

                                        N&#243;i chung l&#224; ổn với một qu&#225;n b&#236;nh d&#226;n!
                                        </div>
                                        <div style="float: left; width: 500px; margin-top: 5px;">
                                        </div>

                                    </div>
                                </article>
                            </div>
                        </div>
                   
                    </div>
                    <!-- /ko -->
                    <!-- ko if: true -->
                    <div id="review-list" style="display: none" data-bind="visible: true">
                        <!-- ko foreach: reviews-->
                        <!-- ko if: type!=4 && type!=5 -->
                        <!-- ko foreach: {data: items, afterRender: $root.aferRenderReviewItemCallback} -->
                        <div data-bind="attr:{id: 'review-'+Id}, visible: true" style="display: none">
                            <div class="micro-home-recent-review review-item" style="width: 640px; padding: 15px;" data-bind="attr:{reviewid:Id}" reviewid="">
                                <article class="micro-home-review-item">
                                    <div class="leftimage">

                                        <div class="microsite-review-new-avatar">
                                            <a data-bind="attr:{href: OwnerProfileUrl, tooltip: 'userTooltip_'+OwnerId, refId: OwnerId}" href="" class="user-link" refid="" tooltip="" style="">
                                                <img data-bind="attr:{src:OwnerAvatarUrl}" width="60" height="60" src="http://image.foody.vn/content/images/thumbs/user-default-male_60.png">
                                            </a>
                                        </div>

                                        <!-- ko if:CanEdit -->
                                        <a href="javascript:void(0);" class="review-modified" data-bind="attr:{restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl}" restaurantid="" reviewid="" title="Sửa Bình luận trong vòng 1h"></a>
                                        <a href="javascript:void(0);" class="review-deleted" data-bind="attr:{restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl}" restaurantid="" reviewid="" returnurl="" title="Xóa Bình luận trong vòng 1h"></a>
                                        <!-- /ko -->

                                    </div>
                                    <div class="rightdesc">
                                        <div class="user">
                                            <a data-bind="attr:{href: OwnerProfileUrl, tooltip: 'userTooltip_'+OwnerId, refId: OwnerId}" class="user-link" tooltip="" refid="" href="" style="float: left;">
                                                <!-- ko if: VerifyingPercent==100 -->
                                                <img src="http://static.foody.vn/style/images/icons/approved.png" style="float: left; margin-right: 3px;" />
                                                <!-- /ko -->
                                                <span data-bind="text: OwnerDisplayName" style="float: left; padding-right: 4px;"></span>
                                            </a>
                                            <span class="timerow">- 
                                            <span data-bind="attr:{'data-utime': CreatedOnTimestamp, title: CreatedOnString}, text: CreatedOnString" class="address" data-utime="1366627055" title="22/04/2013">2 phút trước</span>
                                                <!-- ko if: (PostedByDeviceName != null && PostedByDeviceName!='')-->
                                                <a class="viamobile" data-bind="text: 'via '+ PostedByDeviceName" href="/ung-dung-mobile"></a>
                                                <a href="/ung-dung-mobile">
                                                    <img src="http://static.foody.vn/Style/images/icons/icon-via-mobile.png" class="iphone" /></a>
                                                <!-- /ko -->
                                            </span>
                                            <div class="review-user-level" style="clear: both;">
                                                <a href="/chinh-sach-thuong#user-level-up" target="_blank" class="newbee" data-bind="text: UserLevel"></a>
                                                <!-- ko if: PointRank <= 1000 && PointRank>0 -->
                                                <span data-bind="text: $root.getTopByRank($data)"></span>
                                                <!-- /ko -->
                                            </div>
                                            <div style="position: absolute; right: 0px; top: 0px;">
                                                <!-- ko if: ReviewType==1 -->
                                                <div class="review-point">
                                                    <meta content="10">
                                                    <!-- ko if: AvgRating!='0.0' -->
                                                    <a data-bind="attr:{reviewid:Id, tooltip:'ratingTooltip_'+Id}, text: AvgRating" onclick="return false;" href="javascript:void(0);" reviewid="5796" tooltip="ratingTooltip_5796">8.6</a>
                                                    <!-- /ko -->
                                                    <!-- ko if: AvgRating=='0.0' -->
                                                    <a href="javascript:void(0);" tooltip="none">--</a>
                                                    <!-- /ko -->
                                                </div>
                                                <!-- /ko -->
                                                <!-- ko if: ReviewType==2 -->
                                                <div class="review-pr" title="Quảng cáo"></div>
                                                <!-- /ko -->
                                                <!-- ko if: ReviewType==3 -->
                                                <div class="review-qa" title="Hỏi đáp"></div>
                                                <!-- /ko -->
                                            </div>
                                        </div>
                                        <div style="position: relative">
                                            <div class="title">
                                                <a data-bind="attr:{href: $root.resUrl+'/binh-luan-'+Id}, text: Title" href="/ho-chi-minh/mof-japanese-sweets-and-coffee-le-loi/binh-luan-5822"></a>
                                            </div>
                                        </div>

                                        <div class="desc disableSection" data-bind="text: Comment" style="white-space: pre-line;"></div>
                                        <!-- ko if:(YoutubeCode!=null && YoutubeCode != '')-->
                                        <div style="float: left; width: 500px; margin-top: 5px;" data-bind="html:$root.getYoutubeEmbed($data)">
                                        </div>
                                        <!-- /ko -->
                                        <div class="optionals">
                                            <!-- ko if: Guest!=null && Guest!='' -->
                                            Số người: <span data-bind="text: Guest"></span>
                                            <!-- /ko -->
                                            <!-- ko if: MoneySpend!=null && MoneySpend!='' -->
                                            | Chi phí:  <span data-bind="text: MoneySpend"></span>
                                            <!-- /ko -->
                                            <!-- ko if: VisitAgain!=null && VisitAgain!='' -->
                                            | Sẽ quay lại: <span data-bind="text: VisitAgain"></span>
                                            <!-- /ko -->
                                        </div>

                                        <!--begin review-photos-->
                                        <!-- ko if: PicturesWithTemplate.TotalPictures >0 -->
                                        <div data-bind="template: { name: PicturesWithTemplate.Template, data: PicturesWithTemplate, afterRender: $root.afterRenderPicturesCallback }">
                                        </div>
                                        <!-- /ko -->
                                        <!--end review-photos-->
                                        <div class="share">
                                            <div class="share-left">
                                                <a href="javascript:void(0);" data-bind="attr:{onclick:'showCommentTextBox('+Id+'); return false;'}" onclick="">
                                                    <span class="icocomment"></span>
                                                    <span>Thảo luận</span>  </a><a data-bind="{attr:{reviewid: Id, tooltip:'#helpfulTooltip_'+Id}}" reviewid="" class="review-helpful-link" tooltip="" onclick="addThanks(this); return false;" href="javascript:void(0);"><span class="icolike"></span><span>Hữu ích (<span data-bind="attr:{id:'totalThanks_id_'+Id}, text: TotalHelpfuls" style="float: none;" id="">0</span>)</span></a>
                                                <a class="review-report-error" data-bind="attr:{reviewid:Id}" reviewid=""><span class="icoreport"></span>Báo tin xấu</a>
                                                <div data-bind="attr:{id:'helpfulTooltip_'+Id}" id="" class="helpfultooltip"></div>
                                            </div>

                                        </div>

                                        <div class="review-reply">
                                            <!-- ko if: TotalComments>3 -->
                                            <div class="view-all-comments">
                                                <a href="javascript:void(0);" data-bind="attr:{id:'view_all_comment_'+Id, onclick:'showAllComments('+Id+',this); return false;'}" id="" onclick="">Hiện tất cả (<span data-bind="text: TotalComments, attr:{id:'comment_count_'+Id}" id=""></span>)</a>
                                            </div>
                                            <!-- /ko -->
                                            <div id="" data-bind="attr:{id: 'commentBox_'+Id}">
                                                <!-- ko foreach:{data:Comments, afterRender: $root.afterRenderCommentCallback} -->
                                                <div class="review-reply-item" data-bind="css: { 'owner-reply': (IsOwnerResponse != null && IsOwnerResponse == true) }">
                                                    <div class="review-reply-item-avatar">
                                                        <a href="" data-bind="attr:{href: OwnerUrl}">
                                                            <img src="" data-bind="attr:{src: AvatarUrl}" width="30" /></a>
                                                    </div>
                                                    <div class="review-reply-item-content">
                                                        <!-- ko if: CanDelete -->
                                                        <span><a href="javascript:void(0);" data-bind="attr:{commentId: CommentId}" commentid="" class="btn-close-small remove-review-comment">x </a></span>
                                                        <!-- /ko -->
                                                        <a href="" data-bind="attr:{href: OwnerUrl, tooltip: 'userToolTip_'+ OwnerId , refId:OwnerId}, text: OwnerDisplayName" class="user-link" tooltip=""></a>
                                                        <span data-bind="text: Comment" style="white-space: pre-line;"></span>
                                                        <br />
                                                        <span data-bind="attr:{'data-utime': CreatedOnTimestamp, title:CreatedOnString}" class="address" style="float: none; border: none; font-size: 11px;" data-utime="" title=""></span>
                                                    </div>
                                                </div>
                                                <!-- /ko -->
                                            </div>
                                            <div class="review-reply-item addcomment" data-bind="attr:{id: 'review_comment_id_'+Id}, style:{display: ShowCommentTextBox?'':'none'} " id="">
                                                <div class="review-reply-item-avatar">
                                                    <a data-bind="attr:{href: $root.currentUserUrl}" href="">
                                                        <img data-bind="attr:{src: $root.currentUserAvatar}" src="" width="30"></a>
                                                </div>
                                                <div class="review-reply-item-content">
                                                    <textarea data-bind="attr:{id:'write_comment_'+Id, reviewid:Id}" type="text" title="Thảo luận ... " class="write_comment comment-watermark" spellcheck="false" id="" reviewid="" onkeypress="addComment(this,event)" style="overflow-y: hidden;"></textarea>
                                                </div>
                                            </div>
                                        </div>


                                    </div>
                                </article>
                            </div>
                        </div>

                        <!-- /ko -->
                        <!-- /ko -->
                        <!-- ko if: type==4-->
                        <!-- ko foreach: {data: items, afterRender: $root.aferRenderReviewItemCallback} -->
                        <div data-bind="attr: { id: 'checkin-' + Id }, visible: true" style="display: none">
                            <div class="micro-home-recent-review checkin-item" data-bind="attr:{checkinid:Id}" reviewid="">
                                <article class="micro-home-review-item">
                                    <div class="leftimage">

                                        <div class="microsite-review-new-avatar">
                                            <a data-bind="attr:{href: OwnerProfileUrl, tooltip: 'userTooltip_'+OwnerId, refId: OwnerId}" href="" class="user-link" refid="" tooltip="" style="">
                                                <img data-bind="attr:{src:OwnerAvatarUrl}" width="60px" height="60px" src="http://image.foody.vn/content/images/thumbs/user-default-male_60.png">
                                            </a>
                                        </div>


                                        <!-- ko if:CanEdit -->
                                        <a href="javascript:void(0);" class="review-modified" data-bind="attr:{restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl}" restaurantid="" reviewid="" title="Sửa Bình luận trong vòng 1h"></a>
                                        <a href="javascript:void(0);" class="review-deleted" data-bind="attr:{restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl}" restaurantid="" reviewid="" returnurl="" title="Xóa Bình luận trong vòng 1h"></a>
                                        <!-- /ko -->
                                    </div>
                                    <div class="rightdesc">
                                        <span class="user" style="padding: 0; width: auto; height: auto;">
                                            <a data-bind="attr:{href: OwnerProfileUrl, tooltip: 'userTooltip_'+OwnerId, refId: OwnerId}" class="user-link" tooltip="" refid="" href="">
                                                <!-- ko if: VerifyingPercent==100 -->
                                                <img src="http://static.foody.vn/style/images/icons/approved.png" style="float: left; margin-right: 3px;" />
                                                <!-- /ko -->
                                                <span data-bind="text: OwnerDisplayName" style="float: left; padding-right: 4px;">Username</span></a>
                                        </span><span style="float: left; padding-left: 3px; padding-right: 3px">&nbsp;đã check-in - </span>
                                        <span class="timerow">
                                            <span data-bind="attr:{'data-utime': CreatedOnTimestamp, title: CreatedOnString}, text: CreatedOnString" class="address" data-utime="1366627055" title="22/04/2013">2 phút trước</span>
                                            <!-- ko if: (PostedByDeviceName != null && PostedByDeviceName!='')-->
                                            <a class="viamobile" data-bind="text: 'via '+ PostedByDeviceName" href="/ung-dung-mobile">via 
                                            <img src="http://static.foody.vn/Style/images/icons/icon-via-mobile.png" class="iphone" /></a>
                                            <!-- /ko -->
                                        </span>
                                        <div class="review-user-level" style="clear: both;">
                                            <a href="/chinh-sach-thuong#user-level-up" target="_blank" class="newbee" data-bind="text: UserLevel"></a>
                                            <!-- ko if: PointRank <= 1000 && PointRank>0 -->
                                            <span data-bind="text: $root.getTopByRank($data)"></span>
                                            <!-- /ko -->
                                        </div>
                                        <div class="desc disableSection" data-bind="text: Comment" style="white-space: pre-line;"></div>
                                        <!--begin review-photos-->
                                        <!-- ko if: PicturesWithTemplate.TotalPictures >0 -->
                                        <div data-bind="template: { name: PicturesWithTemplate.Template, data: PicturesWithTemplate, afterRender: $root.afterRenderPicturesCallback }">
                                        </div>
                                        <!-- /ko -->
                                        <!--end review-photos-->
                                    </div>
                                </article>
                            </div>
                        </div>

                        <!-- /ko -->
                        <!-- /ko -->
                        <!-- ko if: type==5-->
                        <div class="checkin-group">
                            <div class="checkin-group-icons"></div>
                            <div class="checkin-group-titles"><a href="#" data-bind="attr: { href: items[0].OwnerProfileUrl, tooltip: 'userTooltip_v_' + items[0].OwnerId, refId: items[0].OwnerId }, text: items[0].OwnerDisplayName" class="user-link-v">Quang Cao</a> và <a href="javascript:void(0)" data-bind="click: $root.showCheckinDetails,text: (items.length-1) + ' người khác'">6 người khác</a> vừa check-in</div>
                            <!-- ko foreach: {data: items, afterRender: $root.aferRenderReviewItemCallback} -->
                            <div class="micro-home-recent-checkin checkin-group-item" data-bind="attr: { checkinid: Id }" reviewid="">
                                <article class="micro-home-review-item" style="width: 70px; float: left;">
                                    <div class="leftimage">

                                        <div class="microsite-review-new-avatar">
                                            <a data-bind="attr: { href: OwnerProfileUrl, tooltip: 'userTooltip_v_' + OwnerId, refId: OwnerId }" href="" class="user-link-v" refid="" tooltip="" style="">
                                                <img style="border: 1px solid #eee;" data-bind="attr: { src: OwnerAvatarUrl }" width="60px" height="60px" src="http://image.foody.vn/content/images/thumbs/user-default-male_60.png">
                                            </a>
                                        </div>


                                        <!-- ko if:CanEdit -->
                                        <a href="javascript:void(0);" class="review-modified" data-bind="attr: { restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl }" restaurantid="" reviewid="" title="Sửa Bình luận trong vòng 1h"></a>
                                        <a href="javascript:void(0);" class="review-deleted" data-bind="attr: { restaurantId: RestaurantID, reviewId: Id, returnUrl: $root.resUrl }" restaurantid="" reviewid="" returnurl="" title="Xóa Bình luận trong vòng 1h"></a>
                                        <!-- /ko -->
                                    </div>
                                    <div class="rightdesc" style="display: none;">
                                        <div class="user" style="padding: 0; width: auto;">
                                            <a data-bind="attr: { href: OwnerProfileUrl, tooltip: 'userTooltip_v_' + OwnerId, refId: OwnerId }" class="user-link-v" tooltip="" refid="" href="">
                                                <span data-bind="text: OwnerDisplayName">Thiện Quang</span></a>
                                        </div>
                                        <div class="timerow">
                                            <span data-bind="attr: { 'data-utime': CreatedOnTimestamp, title: CreatedOnString }, text: CreatedOnString" class="address" data-utime="1366627055" title="22/04/2013">2 phút trước</span>
                                            <!-- ko if: (PostedByDeviceName != null && PostedByDeviceName!='')-->
                                            <a class="viamobile" data-bind="text: 'via ' + PostedByDeviceName" href="/ung-dung-mobile">via 
                                            <img src="http://static.foody.vn/Style/images/icons/icon-via-mobile.png" class="iphone" /></a>
                                            <!-- /ko -->
                                        </div>

                                    </div>
                                </article>
                            </div>
                            <!-- /ko -->
                        </div>


                        <!-- /ko -->
                        <!-- /ko -->
                    </div>
                    <!-- /ko -->
                    <div class="microsite-box-content" id="microNoReview" data-bind="visible: (total()<=0 && isReview() && !isPR() && !isQA())">
                        <p>
                            Hãy là người đầu tiên đóng góp bình luận & đánh giá về địa điểm này để
                        <b style="color: #000;">+ 3 điểm</b>
                            <div class="writereview-button" style="float: left">
                                <a href="#" class="reviewLink" resid="24426">Bình luận</a>
                            </div>
                        </p>
                    </div>
                    <!--Reviews count bar-->
                    <!-- ko if: isReview() -->
                    <div class="mico-reviews-home">
                        <div class="left">
                            <div style="float: left; margin-right: 20px">
                                <a id="continueShowReview" data-bind="click: continueLoadResReview, visible: totalRemaining()>0" href="javascript:void(0);">Xem thêm »</a>
                            </div>
                            <div class="loadingImageDiv" style="display: none;" data-bind="visible: isLoading">
                                <img src="http://static.foody.vn/Style/images/icons/loading.gif" />
                            </div>
                        </div>

                        <div class="right">
                            <div class="writereview-button">
                                <a href="javascript:void(0);" class="reviewLink" resid="24426">+ Bình luận</a>
                            </div>
                        </div>
                    </div>
                    <!-- /ko -->
                    <!-- ko if: isPR() && totalPRs()>5-->
                    <div class="mico-reviews-home">
                        <div class="left">
                            <div style="float: left; margin-right: 20px">
                                <a data-bind="click: continueLoadResReview, visible: totalPRRemaining()>0" href="javascript:void(0);">Xem thêm »</a>
                            </div>
                            <div class="loadingImageDiv" style="display: none;" data-bind="visible: isLoading">
                                <img src="/images/icons/loading.gif" />
                            </div>
                        </div>

                        <div class="right">
                            <div class="writereview-button">
                                <a href="javascript:void(0);" class="reviewLink" resid="24426">+ Bình luận</a>
                            </div>
                        </div>
                    </div>
                    <!-- /ko -->
                    <!-- ko if: isQA() && totalQAs()>5-->
                    <div class="mico-reviews-home">
                        <div class="left">
                            <div style="float: left; margin-right: 20px">
                                <a data-bind="click: continueLoadResReview, visible: totalQARemaining()>0" href="javascript:void(0);">Xem thêm »</a>
                            </div>
                            <div class="loadingImageDiv" style="display: none;" data-bind="visible: isLoading">
                                <img src="/images/icons/loading.gif" />
                            </div>
                        </div>

                        <div class="right">
                            <div class="writereview-button">
                                <a href="javascript:void(0);" class="reviewLink" resid="24426">+ Bình luận</a>
                            </div>
                        </div>
                    </div>
                    <!-- /ko -->
                    <!--End reviews count bar-->
                    <div id="checkin-group-dialog" style="display: none">
                        <div id="checkin-group">
                            <div data-bind="visible: isLoadingCheckinDetail" style="padding-top: 100px; padding-bottom: 100px; padding-left: 200px;">
                                <img alt="Đang tải ..." src="/images/icons/loading-review.gif" />
                            </div>
                            <div data-bind="visible: !isLoadingCheckinDetail()">
                                <h2 style="margin-bottom: 5px; line-height: 1.4em;" data-bind="text: resName"></h2>
                                <div style="padding-bottom: 10px; border-bottom: #ccc 1px solid; font-size: 12px;"><b data-bind="text: checkinGroupDetails().length + ' '"></b>thành viên check-in </div>
                                <div style="overflow: auto; height: 340px; margin-top: 10px;" data-bind="foreach: { data: checkinGroupDetails, afterRender: afterGenderCheckinGroupItem }">
                                    <div class="microsite-lovers-item-popup">
                                        <div class="popup-image">
                                            <a data-bind="attr: { href: OwnerProfileUrl }">
                                                <img data-bind="attr: { src: OwnerAvatarUrl }"></a>
                                        </div>
                                        <div class="popup-content">
                                            <div><a data-bind="attr: { href: OwnerProfileUrl }, text: OwnerDisplayName"></a></div>
                                            <div><span data-bind="text: TotalCheckedIns + ' '"></span>check-in</div>
                                        </div>
                                        <div class="checkin-info">
                                            <div>
                                                <span class="address" data-bind="attr: { id: Id, 'data-utime': CreatedOnTimestamp, title: CreatedOnString }, text: CreatedOnString"></span>
                                                <!-- ko if: PostedByDeviceName!=null && PostedByDeviceName!='' -->
                                                - via <a data-bind="text: PostedByDeviceName" href="/ung-dung-mobile" target="_blank"></a>
                                                <!-- /ko -->
                                            </div>
                                            <!-- ko foreach: SubInfos -->
                                            <!-- ko if: $index() >0 -->
                                            <div>
                                                <span class="checkin-time" data-bind="attr: {id:Id, 'data-utime': CreatedOnTimestamp, title: CreatedOnString }, text: CreatedOnString"></span>
                                                <!-- ko if: PostedByDeviceName!=null && PostedByDeviceName!='' -->
                                                - via <a data-bind="text: PostedByDeviceName" href="/ung-dung-mobile" target="_blank"></a>
                                                <!-- /ko -->
                                            </div>
                                            <!-- /ko -->
                                            <!-- /ko -->
                                        </div>
                                        <div class="clear"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>

                </div>
            
                <div id="review-report-dialog">
                    <div class="top-arrow">
                        <img src="/images/icons/arrow-top.png" alt="">
                    </div>
                    <div>
                        <input type="hidden" id="review-error-hd" />
                        <div style="padding-bottom: 5px;"><span class="errorkeyname">Báo lỗi bình luận</span></div>

                        <div>
                            <textarea class="correctinfotextbox" spellcheck="false"></textarea>
                        </div>
                        <div><a class="send-resinfo-error">Gửi thông tin</a></div>
                        <div class="report-wating" style="display: none">
                            <img src="/images/icons/loading.gif" />
                        </div>
                        <div class="report-success"></div>
                        <div class="report-fail"></div>
                    </div>
                </div>
                <script type="text/html" id="SinglePictureView">
                    <!-- ko with:Pictures -->
                    <div class="review-photo review-single-photo">
                        <ul class="list">
                            <!-- ko foreach: Items -->
                            <li>
                                <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                    <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                            </li>
                            <!-- /ko -->
                        </ul>
                    </div>
                    <!-- /ko -->
                </script>

                <script type="text/html" id="DoublePictureView">
                    <!-- ko with:Pictures -->
                    <div class="review-photo review-single-photo">
                        <ul class="list">
                            <!-- ko foreach: Items -->
                            <li>
                                <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                    <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                            </li>
                            <!-- /ko -->
                        </ul>
                    </div>
                    <!-- /ko -->
                </script>

                <script type="text/html" id="TriplePictureView">
                    <!-- ko with:Pictures -->
                    <div class="review-photo review-triple-photo">
                        <ul class="list">
                            <!-- ko foreach: Items -->
                            <li>
                                <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                    <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                            </li>
                            <!-- /ko -->
                        </ul>
                    </div>
                    <!-- /ko -->
                </script>

                <script type="text/html" id="NormalPictureView">
                    <!-- ko with:Pictures -->
                    <div style="clear: both">
                        <!-- ko if: Items.length > $root.pictureNormalMaxIndex + 1 -->
                        <div class="picturecounts">
                            <a href="javascript:void(0)" data-bind="attr:{href: Items[0].FullImagePath, class:'review-img-'+Items[0].ReviewID, 'data-id': Items[0].RestaurantPictureID, 'data-size': Items[0].Size, 'data-group' : $parent.Group}" class="" data-id="" data-size="" data-group=""><b data-bind="text: Items.length"></b>
                                hình ảnh</a>
                        </div>
                        <!-- /ko -->
                    </div>
                    <div class="photos thumb review-photo">
                        <ul class="list">
                            <!-- ko foreach: Items -->
                            <!-- ko if: ($index() <= $root.pictureNormalMaxIndex) -->
                            <li>
                                <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                    <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                            </li>
                            <!-- /ko -->
                            <!-- /ko -->
                        </ul>
                    </div>
                    <!-- /ko -->
                </script>

                <script type="text/html" id="PortraitPictureView">
                    <!-- ko with:Pictures -->
                    <div class="photo-portrait-view">
                        <table>
                            <tr>
                                <!-- ko if: $parent.TotalPictures > $root.picturePortraitMaxIndex + 2 -->
                                <td colspan="2">
                                    <div class="picturecounts">
                                        <a href="javascript:void(0)" data-bind="attr:{href: Items[0].FullImagePath, class:'review-img-'+Items[0].ReviewID, 'data-id': Items[0].RestaurantPictureID, 'data-size': Items[0].Size, 'data-group' : $parent.Group}" class="" data-id="" data-size="" data-group=""><b data-bind="text: $parent.TotalPictures+' '"></b>hình ảnh</a>
                                    </div>
                                </td>
                                <!-- /ko -->
                            </tr>
                            <!-- ko foreach: Items -->
                            <!-- ko if: ($index() <= $root.picturePortraitMaxIndex + 1) && $index()>0 -->
                            <tr>
                                <!-- ko if: $index() == 1 -->
                                <td data-bind="attr:{rowspan: (($root.picturePortraitMaxIndex > $parent.Items.length - 1) ? $parent.Items.length - 1 : $root.picturePortraitMaxIndex + 1)}" rowspan="">
                                    <a data-bind="attr:{href: $parent.Items[0].FullImagePath, class:'review-img-'+ $parent.Items[0].ReviewID, 'data-id': $parent.Items[0].RestaurantPictureID, 'data-size': $parent.Items[0].Size, 'data-group' : $parent.Group, title: $parent.Items[0].PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                        <img data-bind="attr:{alt: $parent.Items[0].PictureName, src: $parent.Items[0].FileName}" alt="" src=""></a>
                                </td>
                                <!-- /ko -->
                                <td>
                                    <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                        <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                                </td>
                            </tr>
                            <!-- /ko -->
                            <!-- /ko -->
                        </table>
                    </div>
                    <!-- /ko -->
                </script>

                <script type="text/html" id="LandscapePictureView">
                    <!-- ko with:Pictures -->
                    <div class="photo-landscape-view">
                        <table>
                            <tr>
                                <!-- ko if: $parent.TotalPictures > $root.pictureLandscapeMaxIndex + 2 -->
                                <td data-bind="attr:{colspan: (($root.pictureLandscapeMaxIndex > Items.length - 1) ? Items.length - 1 : $root.pictureLandscapeMaxIndex + 1)}" colspan="2">
                                    <div class="picturecounts">
                                        <a href="javascript:void(0)" data-bind="attr:{href: Items[0].FullImagePath, class:'review-img-'+Items[0].ReviewID, 'data-id': Items[0].RestaurantPictureID, 'data-size': Items[0].Size, 'data-group' : $parent.Group}" class="" data-id="" data-size="" data-group=""><b data-bind="text: $parent.TotalPictures+' '"></b>hình ảnh</a>
                                    </div>
                                </td>
                                <!-- /ko -->
                            </tr>
                            <tr>
                                <td data-bind="attr:{colspan: (($root.pictureLandscapeMaxIndex > Items.length - 1) ? Items.length - 1 : $root.pictureLandscapeMaxIndex + 1)}" colspan="2">
                                    <a data-bind="attr:{href: Items[0].FullImagePath, class:'review-img-'+Items[0].ReviewID, 'data-id': Items[0].RestaurantPictureID, 'data-size': Items[0].Size, 'data-group' : Group, title: Items[0].PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                        <img data-bind="attr:{alt: Items[0].PictureName, src: Items[0].FileName}" alt="" src=""></a>
                                </td>
                            </tr>
                            <tr>
                                <!-- ko foreach: Items -->
                                <!-- ko if: $index()!=0 && $index() <= $root.pictureLandscapeMaxIndex + 1-->
                                <td>
                                    <a data-bind="attr:{href: FullImagePath, class:'review-img-'+ReviewID, 'data-id': RestaurantPictureID, 'data-size': Size, 'data-group' : $parent.Group, title:PictureName}" href="" class="" data-id="" data-size="" data-group="" title="">
                                        <img data-bind="attr:{alt: PictureName, src: FileName}" alt="" src="" /></a>
                                </td>
                                <!-- /ko -->
                                <!-- /ko -->
                            </tr>
                        </table>
                    </div>
                    <!-- /ko -->
                </script>
              
            </div>

        </div>
    </div>


    <div id="reviewSummaryDiv">

        <script type="text/javascript" src="https://www.google.com/jsapi"></script>
        <script type="text/javascript">
            google.load("visualization", "1", { packages: ["corechart"] });
            google.setOnLoadCallback(drawChart);
            function drawChart() {
                var data = google.visualization.arrayToDataTable([
                    ['Đánh giá', 'Số lượng'],
                    ['Tuyệt vời', 0],
                    ['Khá tốt', 7],
                    ['Trung bình', 2],
                    ['Kém', 0],
                ]);

                var options = {
                    title: '',
                    legend: 'none',
                    chartArea: { left: 10, top: 8, width: "180", height: "180" },
                    colors: ['#1F9B0C', '#28C60F', '#66635F', '#C9C9BD'],
                    textStyle: { color: '#333', fontSize: 12 }
                };

                var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
                chart.draw(data, options);
            }
        </script>
        <script type="text/javascript">
            $(function () {
                var positionPoint = Math.round(parseFloat(parseLocalNum('7,20')) * 10);
                var pricePoint = Math.round(parseFloat(parseLocalNum('7,40')) * 10);
                var foodPoint = Math.round(parseFloat(parseLocalNum('8,00')) * 10);
                var servicePoint = Math.round(parseFloat(parseLocalNum('7,20')) * 10);
                var atmospherePoint = Math.round(parseFloat(parseLocalNum('6,70')) * 10);

                $("#positionPointBar").progressbar({
                    value: positionPoint
                });
                $("#pricePointBar").progressbar({
                    value: pricePoint
                });
                $("#foodPointBar").progressbar({
                    value: foodPoint
                });
                $("#servicePointBar").progressbar({
                    value: servicePoint
                });
                $("#atmospherePointBar").progressbar({
                    value: atmospherePoint
                });

                $('.reviewCounter').text(9);

                $('div.from-review > a[property="v:count"]').text('9');

                $('.micro-home-staticask').tipsy({ gravity: 's' });
                var totalreviewsummary = 9;
                if (typeof (totalReviews) != 'undefined') {
                    totalReviews = totalreviewsummary;
                }
                var totalPRs = 0;
                var totalQAs = 0;

                if (totalreviewsummary <= 0) {
                    $('#reviewSummaryDiv').hide();
                    $('.mico-reviews-home').hide();
                    $('#microNoReview').show();
                }
                else {
                    $('#reviewSummaryDiv').parent().show();
                    $('#microNoReview').hide();
                }



            });

            function parseLocalNum(num) {
                return (num.replace(",", "."));
            }
        </script>
        <div class="microsite-sumary-new">
            <div class="microsite-box-heading">
                <a name="sumary-point"></a>
                Thống kê
            
            </div>
            <div class="microsite-box-rating-new">
                <div style="width: 100%; float: left; margin-left: 4px; border-bottom: #eee 1px solid; padding-bottom: 10px; margin-bottom: 10px;">
                    <div class="micro-home-points">7.3</div>
                    <div class="micro-home-pointlevel">
                        Kh&#225; tốt
                    </div>
                    <div class="micro-home-pointsource">
                        từ <b style="color: #0086DF">9</b> bình luận đã chia sẻ
                    </div>
                </div>
                <div style="clear: both; width: 100%;">
                    <div class="micro-home-point">
                        <div class="micro-home-static">
                            <table>
                                <tr>
                                    <td>
                                        <strong>Tiêu chí</strong>
                                    </td>
                                    <td colspan="2">
                                        <strong>Điểm trung bình</strong>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="150"></td>
                                    <td width="140">
                                        <img src="/images/icons/ratin-rank.png" />
                                    </td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>Vị trí
                                    </td>
                                    <td>

                                        <div id="positionPointBar" class="reviewPointBar">
                                        </div>
                                    </td>
                                    <td>
                                        <b>7.2</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Giá cả
                                    </td>
                                    <td>

                                        <div id="pricePointBar" class="reviewPointBar">
                                        </div>
                                    </td>
                                    <td>
                                        <b>7.4</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Món ăn
                                    </td>
                                    <td>

                                        <div id="foodPointBar" class="reviewPointBar">
                                        </div>
                                    </td>
                                    <td>
                                        <b>8.0</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Phục vụ
                                    </td>
                                    <td>

                                        <div id="servicePointBar" class="reviewPointBar">
                                        </div>
                                    </td>
                                    <td>
                                        <b>7.2</b>
                                    </td>
                                </tr>
                                <tr>
                                    <td>Không gian
                                    </td>
                                    <td>

                                        <div id="atmospherePointBar" class="reviewPointBar">
                                        </div>
                                    </td>
                                    <td>
                                        <b>6.7</b>
                                    </td>
                                </tr>
                            </table>

                        </div>
                    </div>
                    <div class="micro-home-recent-review-right" style="margin-top: 0;">
                        <div id="chart_div" style="height: 200px; float: right; width: 200px; margin-top: 0px;"></div>
                        <div style="float: left; margin-top: 18px;">
                            <div style="font-weight: bold; font-size: 12px; border-bottom: #ddd 1px solid; margin-bottom: 10px; padding-bottom: 5px;">Chi tiết thống kê</div>
                            <table border="0" width="140">
                                <tr>
                                    <td width="250">
                                        <span class="green-legend"></span>
                                        <span class="micro-home-staticask" original-title="Từ 9.0 - 10 điểm">Tuyệt vời</span>
                                    </td>
                                    <td width="100" align="right">
                                        <span><b style="color: #03ae03">0</b></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="250">
                                        <span class="green-legend-light"></span>
                                        <span class="micro-home-staticask" original-title="Từ 7.0 - 8.9 điểm">Khá tốt</span>
                                    </td>
                                    <td width="100" align="right">
                                        <span><b style="color: #03ae03">7</b></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="250">
                                        <span class="grey-legend"></span>
                                        <span class="micro-home-staticask" original-title="Từ 5.0 - 6.9 điểm">Trung bình</span>
                                    </td>
                                    <td width="100" align="right">
                                        <span><b style="color: #000">2</b></span>
                                    </td>
                                </tr>
                                <tr>
                                    <td width="250">
                                        <span class="grey-legend-light"></span>
                                        <span class="micro-home-staticask" original-title="Từ 0 - 4.9 điểm">Kém</span>
                                    </td>
                                    <td width="100" align="right">
                                        <span><b style="color: #cc0000;">0</b></span>
                                    </td>
                                </tr>
                            </table>
                        </div>


                    </div>
                </div>
            </div>
        </div>

    </div>
</div>
